<!DOCTYPE html>
<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>景点查询</title>
    <link rel="stylesheet" th:href="@{/asserts/css/column.css}">
    <link rel="stylesheet" th:href="@{/asserts/css/basic.css}">
    <!-- BootStrapCss -->
    <link rel="stylesheet" th:href="@{/asserts/css/bootstrap.min.css}">
</head>

<body>
<!--网页通用导航栏-->
<header th:insert="~{commons::header(active='query')}"></header>

<div id="headline">
    <div class="headline">
    <hgroup>
        <h2>景点查询</h2>
        <p>查询各种最新景点信息、资讯要闻、景点攻略等</p>
        </hgroup>
    </div>
</div>


<div id="container">
<article class="list ticket">

<div class="list_news">
<h2>景点列表</h2>
<ul>
    <li><a href="#">热门景点：</a></li>
    <li th:each="name:${names}"><a th:class="${name==selected?'active btn btn-outline-primary':'btn btn-outline-primary'}" th:href="@{/queryAttractionByCity/}+${name}" th:text="${name}">城市名</a></li>
</ul>
<table>
<thead>
<tr>
    <th>景点名称</th>
    <th>人均价格</th>
    <th>查看</th>
</tr>
</thead>
<tbody>
<tr th:each="item:${list}">
    <td th:text="${item.getAttractionName()}"></td>
    <td class="price" th:text="${'¥'+item.getAttractionCost}">745</td>
    <td><a th:href="@{/toSceneryInfo/}+${item.getAttractionId()}" class="reserve">查看</a></td>
</tr>


</tbody>
</table>
</div>
</article>
    <!--侧边景点推荐栏-->
    <aside th:insert="commons::sidebar"></aside>
</div>

<!--网页通用footer-->
<div th:insert="~{commons::footer}"></div>

</body>
</html>